{%extends 'Eventos/base.html'%}

{% block css-javascript-agregados %}
{% endblock %}

{% block heading_content %}Administrar Eventos{% endblock %}

{% block content %}
  <div id="ut_intro" class="ui-corner-all">
    <p align="justify">En esta parte del sitio puede administrar los eventos 
          correspondientes a su grupo. Haga click en ver opciones para obtener las
          funcionalidades disponibles y seleccione la opcion que necesite, segun sea el caso
          de crear, editar o borrar un evento especifico.</p><br/>
    <div id="see_more" class="ui-corner-all">
    	<p style="font-size: 10px;font-family: sans-serif;font-weight: bold;color: #FFFFFF;" >Click para ver opciones</p>
    </div>
  </div>
  <div id="option_container" style="width:80%">
    {% if user.is_authenticated %}
    {% if perms.Eventos.change_eventos %}   
	    <div class="row">
	      <span class="left"><img src="/static/images/file_add.png" /></span>
	      <span class="right ui-corner-all" style="width:65%">
	        <h3>Click aqui para crear un Evento Nuevo</h3>
	        <a href="/comunidadcyt/eventos/create/">Click para ir a la aplicacion</a>
	      </span>
	    </div>
	    <div class="row">
	      <span class="left"><img src="/static/images/file_edit.png" /></span>
	      <span class="right ui-corner-all" style="width:65%">
	        <h3>Click aqui para editar un Evento</h3>
	        <a href="/comunidadcyt/eventos/list/edit/">Click para ir a la aplicacion</a>
	      </span>
	    </div>
	    <div class="row">
	      <span class="left"><img src="/static/images/file_delete.png" /></span>
	      <span class="right ui-corner-all" style="width:65%">
	        <h3>Click aqui para eliminar un Evento</h3>
	        <a href="/comunidadcyt/eventos/list/delete/">Click para ir a la aplicacion</a>
	      </span>
	    </div>
	{% else %}
		<div class="row">
	        <span class="left"><img src="/static/images/bullet_deny.png" width="45" height="45"></span>
	        <p align="justify">    No tiene los permisos necesarios para administrar eventos.</p>
	    </div>
    {% endif %}
    {% else %}
      <h4>Debes Ingresar al sitio o Registrarte Primero</h4>
      <p><em>Una vez que te registres podras ver las demas opciones que presenta la aplicacion Eventos. Ya sabes donde hacerlo!</em></p>
    {% endif %}
  </div> 
  <script type="text/javascript">
    $("#option_container").hide();
    $("#ut_intro").hide();
    $("#ut_intro").slideDown('slow','swing');
    $("#see_more").click(function(){
        $("#option_container").slideDown('slow','swing');
    })
  </script>
{% endblock %}
